<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="../templates/template.xhtml">

	<ui:define name="painelCentral">
	<h:form>
	
	<table align="center">
	
	<tr>
					<td align="center"><h:panelGrid columns="3">
							<h:outputLabel for="nome"
								value="#{msg['manterUsuario.label.nome']}" />
							<h:inputText id="nome"
								value="#{manterUsuarioMB.usuario.nome}" required="true"
								requiredMessage="#{msg['manterUsuario.mensagem.nomeObrigatorio']}"
								size="50" maxlength="50">
								<f:validateLength minimum="3" maximum="50" />
							</h:inputText>							
							<h:message for="nome" class="mensagemDeErro" />
							
							<h:outputLabel for="email"
								value="#{msg['manterUsuario.label.email']}" />
							<h:inputText id="email"
								value="#{manterUsuarioMB.usuario.email}" required="true"
								requiredMessage="#{msg['manterUsuario.mensagem.emailObrigatorio']}"
								size="50" maxlength="50">
								<f:validateLength minimum="3" maximum="50" />
							</h:inputText>
							<h:message for="email" class="mensagemDeErro" />
							
							<h:outputLabel for="senha"
								value="#{msg['manterUsuario.label.senha']}" />
							<h:inputText id="senha"
								value="#{manterUsuarioMB.usuario.senha}" required="true"
								requiredMessage="#{msg['manterUsuario.mensagem.senhaObrigatorio']}"
								size="50" maxlength="50">
								<f:validateLength minimum="3" maximum="50" />
							</h:inputText>
							<h:message for="senha" class="mensagemDeErro" />
							
							<h:outputLabel for="data_cadastro"
								value="#{msg['manterUsuario.label.data_cadastro']}" />
							<rich:calendar
								value="#{manterUsuarioMB.usuario.data_cadastro}"
								id="data_cadastro" popup="true" datePattern="dd/MM/yyyy"
								locale="pt_BR" showApplyButton="true" cellWidth="24px"
								cellHeight="22px" style="width:200px" disabled="false"
								required="true"
								requiredMessage="#{msg['manterUsuario.mensagem.dataObrigatoria']}">
							</rich:calendar>
							<h:message for="data_cadastro" class="mensagemDeErro" />					
							
                   </h:panelGrid> 
                   <br />
					</td>
				</tr>
				
				<tr>
					<td>
						<table align="center">
							<tr>
								<td><h:commandButton value="Salvar"
										action="#{manterUsuarioMB.salvar}"
										image="../imagens/salvar.gif" /></td>
								<td><h:commandButton value="Cancelar" action="manterUsuario"
										immediate="true" image="../imagens/cancelar.gif" /></td>
							</tr>
						</table>
					</td>
				</tr>
	
	</table>
			
</h:form>
		
		<p></p>

		<div style="text-align: center">
			<h1>#{msg['manterUsuario.label.listaDeUsuarios']}</h1>
		
		</div>
		
		<h:form>
			<div style="width:565px; height:200px; border: 1px solid #111; overflow: scroll;">
				<table style="font-size: 12px; color: blue" cellpadding="2px" cellspacing="5px">
				<tbody>
				
				<h:outputText
				value="#{msg['manterUsuario.mensagem.naoHaUsuarios']}"
				rendered="#{!manterUsuarioMB.temUsuarios}" />	
				
						
						
					
								
					<ui:repeat var="usuario" value="#{manterUsuarioMB.usuarios}"
						varStatus="#{manterUsuarioMB.temUsuarios}">
						
						<tr>
							<td>Nome     </td>
							<td>Email </td>
							<td>Senha </td>							
							<td>Data de Cadastro    </td>			
							
						</tr>		
							<td>
								<h:outputText value="#{usuario.nome}" />
							</td>
							<td>
								<h:outputText value="#{usuario.email}" />
							</td>
							<td>
								<h:outputText value="#{usuario.senha}" />
							</td>								
								<td>
									<h:outputText value="#{usuario.data_cadastro}">
										<f:convertDateTime pattern="dd/MM/yyyy" type="both" />
									</h:outputText>
								</td>								
						
							<td align="center">
								<h:commandButton value="Editar"
									action="#{manterUsuarioMB.editar}" image="../imagens/editar.gif">
									<f:setPropertyActionListener
										target="#{manterUsuarioMB.idUsuario}" value="#{usuario.id}" />
								</h:commandButton> 
								
								<h:commandButton value="Excluir"
									action="#{manterUsuarioMB.excluir}" image="../imagens/excluir.gif">
									<f:setPropertyActionListener
										target="#{manterUsuarioMB.idUsuario}" value="#{usuario.id}" />
								</h:commandButton></td>
						
			
						<tr>
							<td><h:outputText value=" " />
							</td>
						</tr>
					</ui:repeat>
				</tbody>
			</table>
			</div>
		</h:form>
		
	
	
	
	
</ui:define>

</ui:composition>	